<template>
	<view class="box">
		<view class="fk">
			<view class="gg">
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.box{
	width: 100vw;
	height: 100vh;
	background: #000;
	position: relative;
}
.fk{
	width: 40vw;
	height: 20vh;
	background: #fff;
	position: absolute;
	top: 30%;
	left: 30%;
}
.gg{
	width: 40vw;
	height: 1vh;
	background: #1EC695;
	position: absolute;
	 
	animation: moveUpDown 2s infinite alternate;
}
 @keyframes moveUpDown {
      from {
        transform: translateY(0);
      }
      to {
        transform: translateY(20vh);
      }
    }
</style>
